@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@charset "utf-8";
/*公共样式*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { overflow-x: hidden; overflo-y: auto; }
html, body, div, img, a, ul, ol, li, dl, dt, dd, p, span, input, cite, h1, h2, h3, h4, h5, h6, form, table, tr, td, textarea, i, button, em { margin: 0; padding: 0; border: 0; }

html { -webkit-text-size-adjust: none; }
body { font-size: 16px; font-family: Microsoft Yahei; }
body a { text-decoration: none; outline: none; cursor: pointer; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; color: #282828; }
a:active { text-decoration: none; outline: none; }
a:hover { color: #b51b13; text-decoration: none; }
:focus { outline: 0; }
li { list-style: none; }
button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: normal; color: inherit; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fr { float: right; }
.fl { float: left; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt100 { padding-top: 100px; }
.pad10 { padding: 0 10px; }
.pad20 { padding: 0 20px; }
.padt20 { padding: 20px 0; }
.padt30 { padding: 30px 0; }
.padt70 { padding: 70px 0; }
.mr15 { margin-right: 15px; }
.mr1g { margin-right: 0.5em; }
.macr { margin: 0 auto; }
.mlb28 { margin-left: 28%; }
.mlb23 { margin-left: 24%; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f35 { font-size: 35px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f42 { font-size: 42px; }
.f45 { font-size: 45px; }
.f48 { font-size: 48px; }
.f50 { font-size: 50px; }
.f55 { font-size: 55px; }
.f60 { font-size: 60px; }
.f68 { font-size: 68px; }
.f75 { font-size: 75px; }
.f82 { font-size: 82px; }
.f100 { font-size: 100px; }
.f160 { font-size: 160px; }
.tszt { font-family: "Fjalla One", sans-serif; }
.tsar { font-family: Arial, Helvetica, sans-serif; }
.tpf { font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; }
.txiw { font-family: STXinwei; }
.txtbig { text-transform: uppercase; }
.fb { font-weight: bolder; }
.fnor { font-weight: normal; }
.trc { text-align: center; }
.trr { text-align: right; }
.fsnr { font-style: normal; }
.color { color: #b51b13; }
.white, .white:hover { color: #FFFFFF; }
.black { color: #000000; }
.red { color: #F00; }
.baw { background: #fff; }
.opac8 { opacity: 0.8; }
.opac6 { opacity: 0.6; }
.opac1 { opacity: 0.1; }
.pore { position: relative; }
.poab { position: absolute; }
.dibok { display: block; }
.dinon { display: none; }
.pcimg{ display:block;}
.wapimg{ display:none;}
.lihe2 { line-height: 2; }
.lihe26 { line-height: 26px; }
.lihe32 { line-height: 32px; }
.lihe38 { line-height: 38px; }
.lihe45 { line-height: 45px; }
.cont { width: 100%; overflow: hidden; }
.cona { width: 100%; overflow: hidden; position: relative; }
.conb { width: 96%; overflow: hidden; position: relative; margin: 0 auto; }
.container { margin-right: auto; margin-left: auto; padding-left: 15%; padding-right: 15%; position: relative; }
.main { width: 80%; margin: 0 auto; overflow: hidden; position: relative; }
img, video { vertical-align: top; }
.imgs { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.imgs:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
/******header**********/
.phom, .topby { display: none; }
header { width: 100%; height: 110px; display: block; position: fixed; left: 0; top: 0; z-index: 90; }
.toper { width: 100%; height: 34px; line-height: 34px; background: #b51b13; color: #FFF; }
.toper a { color: #FFF; }
.toper .top { width: 80%; margin: 0 auto; height: 34px; }
.toper .top .lan { background: url(../images/ln.jpg) no-repeat left center; padding-left: 10px; }
.toper .top .sea { width: auto; display: block; height: 34px; line-height: 34px; cursor: pointer; background: url(../images/ln.jpg) no-repeat left center; }
.toper .top .search { display: none; position: absolute; right: 0; top: 0; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
.toper .top .search .satr { width: 600px; height: 90px; margin: 10% auto 0 auto; position: relative; }
.toper .top .search .satr em { position: absolute; right: 10px; top: -30px; z-index: 10; }
.toper .top .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.toper .top .search .satr .sousuo1 { width: 530px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; margin-top: 30px; font-size: 20px; }
.toper .top .search .sousuo { width: 60px; height: 60px; background: url(../images/ser_btn.png) no-repeat center #b51b13; border: 0; float: left; margin-top: 30px; }
.toper .top .phone { background: url(../images/ln.jpg) no-repeat left center; }
.toper .top .stmenu1 { width: auto; position: relative; overflow: visible; z-index: 90; height: 34px; }
.toper .top .stmenu1 .xiala { width: auto; height: 34px; line-height: 34px; }
.toper .top .stmenu1 .childa { display: none; width: 100%; position: absolute; top: 34px; right: 0; z-index: 9999; background: #19191a; }
.toper .top .stmenu1 .childa a { display: block; overflow: hidden; text-align: center; color: #FFF; border-top: 1px #3b3b3d solid; padding: 5px; line-height: normal; opacity: 0.7; }
.toper .top .stmenu1 .childa a:hover { opacity: 1; }
.toper .top .top_r { width: auto; height: 24px; margin-top: 5px; }
.toper .top .top_r img { height: 24px; }
/*header*/
.header { width: 100%; height: 76px; background: url(../images/htop.png) repeat; position: relative; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); }
.header .head { width: 80%; height: 76px; margin: 0 auto; }
.header .head .logo { width: auto; height: 54px; margin-top: 11px; }
.header .head .logo img { height: 54px; }
.header .head .menu { width: 78%; height: 76px; }
.header .head .menu li { float: left; display: inline; width: 12.5%; }
.header .head .menu li a.xialaguang { display: inline-block; width: 100%; height: 76px; line-height: 76px; background: url(../images/na.png) no-repeat bottom center; text-align: center; }
.header .head .menu li a.navhover, .header .head .menu li a.xialaguang:hover { cursor: pointer; color: #b51b13; background: url(../images/la.jpg) no-repeat center 58px; }
.header .head .menu .children { display: none; position: absolute; top: 76px; left: 0; width: 100%; line-height: normal; z-index: 9999; overflow: hidden; padding: 2vw 0; color: #FFF; }
.header .head .menu .children ul li { width: 20%; display: block; float: left; background: url(../images/lb.png) no-repeat left center; margin-top: 1.8vw; color: #FFF; }
.header .head .menu .children ul li a { display: block; padding-left: 7%; color: #FFF; }
.header .head .menu .children ul li a:hover { color: #b51b13; }
.header.clone { position: fixed; left: 0; top: 0; z-index: 99; background: #FFF; }
/*footer*/
.footer { width: 100%; overflow: hidden; background: #b51b13; color: #FFF; padding: 1.2vw 0; }
.footer a { color: #FFF; }
.footer .foot_l { width:auto; overflow: hidden; }
.footer .foot_l dt img{ height:3.4vw;}

.footer .foot_nav { width: 7%; overflow: hidden; margin-left: 21%; }
.footer .foot_lx { width: auto; overflow: hidden; position: relative; }
.footer .foot_lx dd { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; }
.footer .foot_lx i { width: 35px; padding: 2px 0 0 5px; }
.footer .foot_lx .pt30 span { height: 36px; line-height: 34px; }
.footer .foot_lx .djw { width: 36px; height: 36px; cursor: pointer; }
.footer .foot_lx .djw_ewm { display: none; position: absolute; left: 0; bottom: 0; z-index: 99; padding: 10px; width: 100%; background: rgba(54,55,56,0.80); }
.footer .foot_lx .djw_ewm em { position: absolute; right: 10px; top: 5%; z-index: 10; display: block; cursor: pointer; }
.footer .foot_lx .djw_ewm .ewm { width: 120px; overflow: hidden; margin: 0 auto 0 auto; }
.footer .foot_lx .djw_ewm p span { display: none; }
.copy { width: 100%; overflow: hidden; background: #b51b13; color: #FFF; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.copy a { color: #FFF; }
/******内页******/
.bannerny { width: 100%; overflow: hidden; position: relative; height: auto; z-index: 1; }
.bannerny img { width: 100%; display: block; vertical-align: top; }
.bannerny .pcimg { width: 100%; overflow: hidden; display: block; }
.bannerny .moimg { width: 100%; overflow: hidden; display: none; }
.bannerny .banry { position: absolute; width: 100%; top: 40%; left: 0; z-index: 100; }
.bannerny .banry p span { margin-left: 1em; }
/***************公司简介***************/
.containa { width: 100%; overflow: hidden; background: #FFF; }
.titm { background: url(../images/atite.png) no-repeat center; }
.abty { background-repeat: no-repeat; background-position: top center; background-size: contain; }
.abouts_lc dl div { width: 100%; overflow: hidden; }
.abouts_lc dl.lc1 { width: 22%; background: url(../images/lm.jpg) repeat-y right; float: left; }
.abouts_lc dl.lc2 { width: 29%; background: url(../images/lm.jpg) repeat-y right; float: left; }
.abouts_lc dl.lc2 dt, .abouts_lc dl.lc2 dd { padding-left: 22%; }
.abouts_lc dl.lc3 { width: 27%; background: url(../images/lm.jpg) repeat-y right; float: left; }
.abouts_lc dl.lc3 dt, .abouts_lc dl.lc3 dd { padding-left: 22%; }
.abouts_lc dl.lc4 { width: auto; float: right; }
.abty .abo_img { position: relative; }
.abty .abo_img dt { background: #000; }
.abty .abo_img dt img { opacity: 0.8; filter: alpha(opacity=80); }
.abty .abo_img dd { width: 100%; height: 100%; display: block; background: url(../images/avideo.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 2; }
/*公司文化*/
.containb { width: 100%; overflow: hidden; background: #f4f4f4; }
.qywh_top { width: 94%; margin: 0 auto; overflow: hidden; }
.baw dl { width: auto; display: block; float: left; }
.baw dl dt img { width: auto; height: 34px; }
.baw dl:nth-of-type(2) { margin-left: 8%; }
.baw dl:nth-of-type(3) { float: right; }
.qywh_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.qywh_bo #owl-demo .item { width: 88%; display: block; position: relative; height: auto; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.qywh_bo #owl-demo .item dt { background: #000; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.qywh_bo #owl-demo .item dt img { opacity: 0.8; filter: alpha(opacity=80); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.qywh_bo #owl-demo .item dd { width: 100%; overflow: hidden; position: absolute; left: 0; top: 42%; }
.qywh_bo #owl-demo .item:hover { filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2)); }
.qywh_bo #owl-demo .item:hover dt img { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.qywh_bo #owl-demo .owl-item:nth-of-type(1) .item { float: left; }
.qywh_bo #owl-demo .owl-item:nth-of-type(2) .item { margin: 0 auto; }
.qywh_bo #owl-demo .owl-item:nth-of-type(3) .item { float: right; }
.qywh_bo .owl-buttons, .baw .owl-pagination { display: none; }
/*制造能力*/
.zznl { width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.zznl_bo #owl-demo { width: 90%; margin: 0 auto; position: relative; padding: 0 50px; }
.zznl_bo .item { width: 92%; display: block; position: relative; height: auto; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 auto; background: #000; }
.zznl_bo .item dd { width: 100%; overflow: hidden; background: #e5e5e5; padding: 20px 0; }
.zznl_bo .item:hover { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.zznl_bo .item:hover dt img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.zznl_bo .item:hover { box-shadow: 2px 2px 10px #ccc; }
.zznl_bo .item:hover dd { background: #b51b13; }
.zznl_bo .item:hover dd a { color: #FFF; }
.zznl_bo .owl-buttons div { width: 16px; height: 100%; background: url(../images/awr.png) no-repeat center; display: block; position: absolute; top: 0; }
.zznl_bo .owl-buttons div:hover { background: url(../images/awr_ed.png) no-repeat center; }
.zznl_bo .owl-buttons div.owl-prev, .zznl_bo .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.zznl_bo .owl-buttons div.owl-next { right: 0; }
.zznl_bo .owl-pagination { display: none; }
.gdxx a { width: 190px; height: 56px; display: block; background: #f50000; color: #FFF; line-height: 56px; text-align: center; }
.gdxx a:hover { background: #7d7d7d; color: #FFF; }
/*企业风貌*/
.qyfm_r { width: 52%; overflow: hidden; float: right; }
.qyfm_l { width: 48%; overflow: hidden; float: left; background-repeat: no-repeat; background-position: left top; background-color: #FFF; padding: 4vw 0 0 0; background-size: cover; }
.titn { background: url(../images/atitb.png) no-repeat right center; padding-right: 59px; }
.qyfm_bo { width: 65%; overflow: hidden; padding-top: 3vw; }
.qyfm_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.qyfm_bo #owl-demo .item { width: 88%; display: block; position: relative; height: auto; overflow: hidden; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 auto; }
.qyfm_bo .owl-buttons div { width: 16px; height: 100%; background: url(../images/aws.png) no-repeat center; display: block; position: absolute; top: 0; }
.qyfm_bo .owl-buttons div:hover { background: url(../images/awr_ed.png) no-repeat center; }
.qyfm_bo .owl-buttons div.owl-prev, .qyfm_bo .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.qyfm_bo .owl-buttons div.owl-next { right: 0; }
.qyfm_bo .owl-pagination { display: none; }
.moret { width: 192px; height: 2.9vw; line-height: 2.9vw; text-align: center; border: 1px #b51b13 solid; color: #b51b13; position: absolute; bottom: 0; left: 13%; }
.moret:hover { background: #b51b13; color: #FFF; }
.morej { display: none; }
/*荣誉资质*/
.ryzzn { width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.zznl_bo .item.rybg { background: url(../images/rybg.jpg) no-repeat; background-size: 100% 100%; padding: 1vw 0; }
.zznl_bo .item.rybg a { width: 89.5%; margin: 0 auto; display: block; height: auto; overflow: hidden; }
/*发展历程*/
.fzlc { width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.time-line-box .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.time-line-box ul:after { content: ''; background: url(../images/lb.jpg) repeat-x center; height: 1px; width: 1000%; position: absolute; left: 0; z-index: 1; }
.time-line-box ul li { float: left; position: relative; padding-left: 0; z-index: 2; width: 16%; margin-left: 4%; }
.time-line-box ul li:last-child dl { width: 100%; }
.time-line-box ul li:after { content: ''; position: absolute; top: 0; left: 0; }
.time-line-box ul li dl { width: 185%; }
.time-line-box ul li dl dt, .time-line-box ul li dl dd { padding-left: 20px; }
.time-line-box ul li i { width: 1px; height: 100%; display: block; background: #aaaaaa; position: absolute; left: 7px; top: 0; }
.time-line-box ul li em { width: 15px; height: 15px; display: block; background: url(../images/ioc2.png) no-repeat; -webkit-animation: none; -moz-animation: none; animation: none; -webkit-animation-iteration-count: none; -moz-animation-iteration-count: none; animation-iteration-count: none; position: absolute; left: 0; }
.time-line-box ul li:hover dt span.f24 { color: #b51b13; }
.time-line-box ul li:hover i { background: #b51b13; }
.time-line-box ul li:hover em { background: url(../images/ioc1.png) no-repeat; -webkit-animation: warn 5s ease-out; -moz-animation: warn 5s ease-out; animation: warn 5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
/*奇数*/
.time-line-box ul li:nth-of-type(odd) { padding-top: 0; }
.time-line-box ul li:nth-of-type(odd) dd { padding-bottom: 30px; }
.time-line-box ul li:nth-of-type(odd):after { top: auto; bottom: 0; height: 0; z-index: 2; }
.time-line-box ul li:nth-of-type(odd) .layui-text { position: absolute; left: 0; bottom: 0; }
.time-line-box ul li:nth-of-type(odd) em { bottom: -8px; }
/*偶数*/
.time-line-box ul li:nth-of-type(even) { padding-top: 30px; }
.time-line-box ul li:nth-of-type(even) em { top: -8px; }
/*按钮*/
.time-line-box .swiper-button-prev, .time-line-box .swiper-button-next { width: 3.33%; height: 17px; display: block; top: 50%; position: absolute; cursor: pointer; z-index: 100; }
.time-line-box .swiper-button-prev { left: 0; background: url(../images/law.png) no-repeat center; background-size: contain; }
.time-line-box .swiper-button-prev:hover { background: url(../images/law_ed.png) no-repeat center; background-size: contain; }
.time-line-box .swiper-button-next { right: 0; background: url(../images/raw.png) no-repeat center; background-size: contain; }
.time-line-box .swiper-button-next:hover { background: url(../images/raw_ed.png) no-repeat center; background-size: contain; }
.time-line-box .swiper-pagination { display: none; }
.fzlc .fzlc_bo, .fzlc .moreb { display: none; }
/*企业愿景*/
.qyyj { width: 100%; overflow: hidden; background: url(../images/lc.jpg) repeat-x top #fff; }
.qyyj .qyyjnr a { margin-right: 2.8vw; }
.qyyj_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 40px; }
.qyyj_bo #owl-demo .item { width: 96%; display: block; position: relative; height: auto; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.qyyj_bo #owl-demo .item .qyt { width: 100%; overflow: hidden; position: absolute; left: 0; top: 12%; z-index: 10; }
.qyyj_bo #owl-demo .item .qyt span { width: 80%; }
.qyyj_bo #owl-demo .item .alg { width: 5.6%; overflow: hidden; position: absolute; left: 10%; bottom: 12%; z-index: 10; }
.qyyj_bo #owl-demo .item .iocs { width: 7.4%; overflow: hidden; position: absolute; right: 10%; bottom: 10%; z-index: 10; }
.qyyj_bo #owl-demo .item .warnb { width: 26%; overflow: hidden; position: absolute; left: 37%; bottom: -100%; z-index: 10; }
.qyyj_bo #owl-demo .item em { width: 100%; height: 100%; background: url(../images/hy.png) repeat; position: absolute; left: 0; top: 0; z-index: 5; }
.qyyj_bo #owl-demo .item:hover .qyt, .qyyj_bo #owl-demo .item:hover em { top: -100%; }
.qyyj_bo #owl-demo .item:hover .alg, .qyyj_bo #owl-demo .item:hover .iocs { bottom: -100%; }
.qyyj_bo #owl-demo .item:hover .warnb { bottom: 40%; }
.qyyj_bo .owl-buttons { display: none; }
.qyyj_bo .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; text-align: center; display: block; }
.qyyj_bo .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #707070; *display: inline;
*zoom: 1;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.qyyj_bo .owl-page.active { width: 56px; height: 16px; background: #b51b13; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; }
/*合作伙伴*/
.hzhb_bo #owl-demo { width: 1400px; margin: 0 auto; position: relative; padding: 0 50px; }
.hzhb_bo #owl-demo .item { width: 88%; display: block; position: relative; height: auto; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 auto; }
.hzhb_bo #owl-demo .item dt { width: 100%; overflow: hidden; border: 1px #ececec solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.hzhb_bo #owl-demo .item dt img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.hzhb_bo .owl-buttons div { width: 16px; height: 100%; background: url(../images/aws.png) no-repeat center; display: block; position: absolute; top: 0; }
.hzhb_bo .owl-buttons div:hover { background: url(../images/awr_ed.png) no-repeat center; }
.hzhb_bo .owl-buttons div.owl-prev, .hzhb_bo .owl-buttons div:hover.owl-prev { left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.hzhb_bo .owl-buttons div.owl-next { right: 0; }
.hzhb_bo .owl-pagination { display: none; }
/***************共用内页***************/
.nyhi { height: 110px; display: block; }
.left { width: 17%; overflow: hidden; float: left; }
.left .left_top { width: 100%; overflow: hidden; border-top: 1px #b51b13 solid; border-bottom: 1px #b51b13 solid; }
.left .sub_bo { width: 100%; overflow: hidden; border-top: 2px #b51b13 solid; background: #FFF; margin-top: 1px; padding-top: 10px; }
.left .sub_bo .subNav { width: 100%; overflow: hidden; display: block; cursor: pointer; line-height: normal; border-bottom: 1px #e5e5e5 solid; }
.left .sub_bo .subNav a { display: block; padding: 15px 0 15px 20px; background: url(../images/ioc5.png) no-repeat 4px 23px; }
.left .sub_bo .subNav a:hover, .left .sub_bo .subNav.cur a { color: #b51b13; background: url(../images/ioc6.png) no-repeat 4px 23px; }
.left .sub_bo .navContent { width: 100%; display: none; }
.left .sub_bo .navContent li { width: 100%; overflow: hidden; display: block; border-bottom: 1px dashed rgba(229, 229, 229, 0.8); }
.left .sub_bo .navContent li a { display: block; padding: 10px 0 10px 20px; }
.left .sub_bo .navContent li a:hover, .left .sub_bo .navContent li a.cut { color: #b51b13; }
.cateList { display: none; }
.right { width: 78%; overflow: hidden; float: right; }
.right_top { border-bottom: 1px solid rgba(229, 229, 229, 1); padding-bottom: 20px; }
.right img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
/*product-list*/
.product-list { width: 100%; overflow: hidden; }
.product-list.xgcpn li { width: 100%; margin: 20px 0 0 0; overflow: hidden; position: relative; }
.product-list.cpnc li { width: 31.33%; float: left; margin: 0 1% 20px 1%; overflow: hidden; position: relative; }
.product-list li i { width: 100%; display: block; overflow: hidden; display: block; }
.product-list li i img { width: 100%; display: block; }
.product-list li figcaption { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #eee; }
.product-box .product-down { float: left }
.product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(170,240,232,.2); background: #aaf0e8\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 5; }
.product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 10; }
.product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #b51b13; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #b51b13; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #b51b13; border-right: 3px solid #b51b13; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #b51b13; border-bottom: 3px solid #b51b13; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li:hover mark { opacity: 1; transform: skewX(0); visibility: visible }
.product-list li:hover mark:before { height: 100%; transition: 330ms 200ms }
.product-list li:hover mark:after { width: 100%; transition: 330ms 200ms }
.product-list li:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.product-list li:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
.product-list li:hover figcaption { color: #b51b13; }
/*PageBar*/
.PageBar { clear: both; width: 80%; overflow: hidden; margin: 20px auto 10px auto; text-align: center; }
.PageButtons span, .PageButtons a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; }
.PageButtons span { color: #ffffff; background-color: #b51b13; border: 1px solid #b51b13; }
.PageButtons a:hover { background: #b51b13; color: #FFF; }
.PageInfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }
/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dedede; line-height: normal; background: #f7f7f7; }
.newm { border-left: 6px #b51b13 solid; padding-left: 7px; }
.new2 { color: #666; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.arList li .newsl { width: 40%; overflow: hidden; float: left; height: auto; }
.arList li .newsr { width: 57%; overflow: hidden; float: right; }
.arList li .moren { padding: 10px 20px; border: 1px solid #b51b13; display: block; float: right; margin-top: 20px; color: #b51b13; }
.arList li:hover { background: #e9eaeb; }
.arList li:hover .newm { color: #b51b13; }
.arList li:hover .moren { background: #b51b13; color: #FFF; }
.arList li:last-child { border-bottom: none; }
.JobListItem { position: relative; }
.JobListItem .txiw { -webkit-transform: rotate(5deg); transform: rotate(5deg); position: absolute; right: 0; top: 20px; }
.wapimg { display: none; }
.pcimg { display: block; }
/*新闻内页*/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #eee solid; }
.news_tit p { color: #666; margin-top: 10px; }
.arKeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; }
.arContent h2, .arContent h3, .arContent h4 { color: #b51b13; padding-left: 15px; margin: 20px 0; display: block; font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; position: relative; }
.arContent h2:after, .arContent h3:after, .arContent h4:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #b51b13; position: absolute; left: 0; top: 50%; margin-top: -3px; }
.arContent h2 { font-size: 24px; }
.arContent h3 { font-size: 22px; }
.arContent h4 { font-size: 20px; }
.arContent table { border-collapse : collapse; font-size: 12px; background: #f4f4f4; }
.arContent table tr td { padding: 10px 5px; border: 1px solid #ffffff; }
.arContent table tr:nth-child(1) { background: #3f424b; color: #FFF; }
.arContent table tr td:nth-child(1) { background: #686a76; color: #FFF; }
.arContent table tr:nth-of-type(even) { background: #eeeeee; }
/*photo*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; }
contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 14px; position: relative; }
.zs p:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #b51b13; position: absolute; left: 0; top: 2px; }
contenta { width: 50%; }
contentb { width: 33.33%; }
contentc { width: 25%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }
/*FastMove*/
.FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.FastMove:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: 50%; top: 0; }
.FastMove div { width: 50%; padding: 20px 0; overflow: hidden; }
.FastMove div p { width: 90%; overflow: hidden; margin: 0 auto; display: block; }
.FastMove div:hover { background: #b51b13; color: #FFF; }
.FastMove div:hover a { color: #FFF; }
/*相关文章*/
.xgxx_l { width: 43%; overflow: hidden; float: left; }
.xgxx_l a { height: 24px; line-height: 24px; overflow: hidden; }
.xgxx_l:hover a { color: #b51b13; }
.xgxx_r { width: 45%; overflow: hidden; float: right; }
.xgxx_r li { width: 100%; overflow: hidden; display: block; margin-top: 12px; position: relative; }
.xgxx_r li:after { content: ''; width: 6px; height: 6px; border-radius: 100%; background: #333; position: absolute; left: 0; top: 2px; }
.xgxx_r li a { padding-left: 14px; height: 20px; line-height: 20px; overflow: hidden; }
.xgxx_r li:hover:after { background: #b51b13; border-radius: 100%; }
.xgxx_r li:hover a { color: #b51b13; }
/*产品内页*/
.cpz_ly { width: 51%; overflow: hidden; float: left; }
.cpz_ly #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.cpz_ly #owl-demo .item { width: 100%; display: block; position: relative; height: auto; overflow: hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin: 0 auto; }
.cpz_ly #owl-demo .item dt { width: 100%; overflow: hidden; }
.cpz_ly #owl-demo .item dt img { width: 100%; display: block; }
.cpz_ly #owl-demo .item dd { width: 100%; overflow: hidden; padding: 10px 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.6); }
.cpz_ly #owl-demo .item dd span { width: 90%; overflow: hidden; margin: 0 auto; text-align: center; }
.cpz_ly .owl-buttons div { width: 42px; height: 42px; background: url(../images/lawr.png) no-repeat center; display: block; position: absolute; top: 32%; }
.cpz_ly .owl-buttons div:hover { background: url(../images/lawr_ed.jpg) no-repeat center; }
.cpz_ly .owl-buttons div.owl-prev { left: 0; }
.cpz_ly .owl-buttons div.owl-next, .cpz_ly .owl-buttons div:hover.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpz_ly .owl-pagination { display: none; }
.cpz_ry { width: 46%; overflow: hidden; float: right; }
.cpz_ry .lxny dt { width: 56%; overflow: hidden; float: left; background: #3f424b; }
.cpz_ry .lxny dt em { width: 8%; }
.cpz_ry .lxny dd { width: 40%; overflow: hidden; float: right; background: #b51b13; cursor: pointer; }
.cpz_ry .lxny dd em { width: 11.1%; }
.cpz_ry .lxny p { width: 90%; overflow: hidden; margin: 0 auto; height: 58px; line-height: 58px; }
.cpz_ry .lxny p span { width: auto; display: block; float: left; height: 100%; }
.cpz_ry .lxny em { height: 100%; display: block; float: right; background: url(../images/ioc9.png) no-repeat center; background-size: contain; }
/*ztitle*/
.ztitle { width: 100%; overflow: hidden; border-bottom: 6px #eeeeee solid; }
.ztitle span { float: left; display: block; font-weight: bolder; width: auto; line-height: normal; margin-right: 20px; padding: 20px 0; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov { color: #b51b13; }
.zntit_con { width: 100%; overflow: hidden; margin: 0 auto; }
/*视频集锦*/
.oh dl { width: 31.33%; float: left; margin: 0 1% 20px 1%; overflow: hidden; }
.oh dl dt { width: 100%; position: relative; overflow: hidden; }
.oh dl dt i { width: 100%; height: 100%; background: url(../images/video.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.oh dl dd { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #eee; }
.oh dl:hover dt span img { transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); }
/*在线留言*/
.zxly { width: 100%; overflow: hidden; background: #f0f0f0; padding: 10px 0 30px 0; margin-top: 30px; }
.zxly .subform { width: 96%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 47%; overflow: hidden; float: left; }
.zxly .subform .form-groupfl .form-control { width: 100%; height: 44px; line-height: 44px; background: #FFF; border: 0; margin-top: 20px; text-indent: 2em; }
.zxly .subform .form-groupfr { width: 47%; overflow: hidden; float: right; }
.zxly .subform .form-groupfr textarea { width: 100%; height: 172px; background: #FFF; border: 0; padding: 10px 0; text-indent: 2em; margin-top: 20px; }
.zxly .subform .form-groupfr .btn-info { width: 100%; height: 44px; line-height: 44px; background: #b51b13; border: 0; margin-top: 20px; float: right; color: #FFF; }
.fla { width: 55%; overflow: hidden; float: left; }
.subformc { width: 40%; overflow: hidden; float: right; }
.subformc .form-group { width: 100%; overflow: hidden; margin-bottom: 20px; }
.subformc .form-group .control-label { width: 100%; line-height: normal; margin-bottom: 10px; }
.subformc .form-group .control-div { width: 100%; overflow: hidden; }
.subformc .form-group .control-div .form-control { width: 100%; height: 40px; line-height: 40px; border: 1px #dadada solid; text-indent: 2em; }
.subformc .form-group .control-div .form-controlv { width: 100%; height: 150px; border: 1px #dadada solid; padding: 10px 0; text-indent: 2em; }
.subformc .btn-info { width: 100%; height: 44px; line-height: 44px; background: #b51b13; border: 0; color: #FFF; }
/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; font-size: 14px; }
.keifu_tab { width: 160px; }
.icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; margin: 0 auto; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con .li-qq { width: 100%; height: 25px; padding-top: 2px; padding-bottom: 2px; display: block; }
.keifu_con .li-qq .icoTc img { display: block; /*width:105px;*/ margin: 0 auto; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; padding-left: 12px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
.keifu .tion { padding-top: 5px; padding-bottom: 5px; }
.keifu .h145 { height: 145px; }
/*左下角 浮动 在线留言*/ 

#SfMessWrap { border: 2px solid #d4003b; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #d4003b; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 214px; overflow: hidden; padding-bottom: 5px; font-size: 14px; margin: 0 auto; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 214px; padding: 0px; margin: 0px auto; margin-top: 5px; overflow: hidden; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; width: 192px; height: 27px; line-height: 27px; font-size: 12px; font-family: Arial; margin-bottom: 10px; padding: 0 10px; }
#SfMessBodyMid textarea { width: 192px; height: 53px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 10px; margin: 0px auto; font-family: Arial; margin-bottom: 10px; }
#SfMessBodyMid .btn-info { width: 100%; height: 27px; line-height: 27px; text-align: center; background: #d4003b; color: #FFF; border: 0; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*---------QVerify 弹出滑动css---------*/
#QVerify { position: fixed; justify-content: center; -ms-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 90%; height: 430px; max-height: 80%; border-radius: 17px; padding: 20px 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; line-height: 40px; color: #00a344; text-align: center; font-size: 22px; margin: 5px auto; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { font-size: 14px; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 30px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("data:image/png;base64,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"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
 @media all and (max-width:500px) {
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 80%; height: 390px; max-height: 80%; border-radius: 17px; padding: 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; min-height: 40px; line-height: 30px; color: #00a344; text-align: center; font-size: 20px; margin: 5px auto; line-height: 22px; font-weight: bolder; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto 10px; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 150px; height: 150px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 20px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("data:image/png;base64,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"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
}
 @media screen and (max-width: 1500px) and (min-width:0) {
body { font-size: 14px; }
.pt10 { padding-top: 8px; }
.pt15 { padding-top: 12px; }
.pt20 { padding-top: 15px; }
.pt30 { padding-top: 27px; }
.pt40 { padding-top: 35px; }
.pt50 { padding-top: 45px; }
.pt60 { padding-top: 55px; }
.pt70 { padding-top: 65px; }
.pt80 { padding-top: 75px; }
.pt100 { padding-top: 95px; }
.pad20 { padding: 0 18px; }
.padt20 { padding: 18px 0; }
.padt30 { padding: 27px 0; }
.padt70 { padding: 65px 0; }
.mr15 { margin-right: 12px; }
.mlb28 { margin-left: 22%; }
.mlb23 { margin-left: 18%; }
.f14 { font-size: 12px; }
.f16 { font-size: 14px; }
.f18 { font-size: 16px; }
.f20 { font-size: 18px; }
.f22 { font-size: 20px; }
.f24 { font-size: 21px; }
.f26 { font-size: 24px; }
.f28 { font-size: 26px; }
.f30 { font-size: 28px; }
.f35 { font-size: 33px; }
.f36 { font-size: 34px; }
.f38 { font-size: 36px; }
.f40 { font-size: 38px; }
.f42 { font-size: 40px; }
.f45 { font-size: 43px; }
.f48 { font-size: 46px; }
.f50 { font-size: 48px; }
.f55 { font-size: 53px; }
.f60 { font-size: 56px; }
.f68 { font-size: 64px; }
.f75 { font-size: 70px; }
.f82 { font-size: 75px; }
.f100 { font-size: 90px; }
.f160 { font-size: 140px; }
.lihe25 { line-height: 25px; }
.lihe32 { line-height: 30px; }
.lihe38 { line-height: 36px; }
.lihe45 { line-height: 43px; }
.container { padding-left: 10%; padding-right: 10%; }
/************/
.toper .top, .header .head { width: 90%; }
.toper .top .top_r { height: 20px; margin-top: 7px; }
.toper .top .top_r img { height: 20px; }
.header .head .logo { margin-top: 13px; }
.header .head .logo img { height: 50px; }
.header .head .menu { width: 77%; }
/*footer*/




/*制造能力*/
.zznl_bo #owl-demo, .hzhb_bo #owl-demo { width: 1230px; padding: 0 35px; }
.zznl_bo .item dd { padding: 18px 0; }
.gdxx a { width: 170px; height: 50px; line-height: 50px; }
/*企业风貌*/
.qyfm_l { padding: 3vw 0 0 0; }
.qyfm_bo { width: 68%; padding-top: 2.8vw; }
.moret { width: 180px; height: 2.9vw; line-height: 2.9vw; left: 10.5%; }
/*发展历程*/
.time-line-box ul li { width: 16.5%; margin-left: 3.5%; }
.time-line-box ul li dl { width: 180%; }
.time-line-box ul li dl dt, .time-line-box ul li dl dd { padding-left: 18px; }
.time-line-box ul li:nth-of-type(odd) dd { padding-bottom: 28px; }
.time-line-box ul li:nth-of-type(even) { padding-top: 28px; }
.product-list li figcaption { height: 50px; line-height: 50px; }
}
@media screen and (max-width: 1350px) and (min-width:0) {
body { font-size: 13px; }
.pt10 { padding-top: 9px; }
.pt15 { padding-top: 13px; }
.pt20 { padding-top: 16px; }
.pt30 { padding-top: 24px; }
.pt40 { padding-top: 32px; }
.pt50 { padding-top: 40px; }
.pt60 { padding-top: 50px; }
.pt70 { padding-top: 60px; }
.pt80 { padding-top: 70px; }
.pt100 { padding-top: 90px; }
.pad20 { padding: 0 15px; }
.padt20 { padding: 15px 0; }
.padt30 { padding: 25px 0; }
.padt70 { padding: 60px 0; }
.mr15 { margin-right: 10px; }
.f14 { font-size: 12px; }
.f16 { font-size: 13px; }
.f18 { font-size: 15px; }
.f20 { font-size: 16px; }
.f22 { font-size: 19px; }
.f24 { font-size: 20px; }
.f26 { font-size: 21px; }
.f28 { font-size: 22px; }
.f30 { font-size: 23px; }
.f35 { font-size: 25px; }
.f36 { font-size: 26px; }
.f38 { font-size: 27px; }
.f40 { font-size: 28px; }
.f42 { font-size: 29px; }
.f45 { font-size: 30px; }
.f48 { font-size: 32px; }
.f50 { font-size: 34px; }
.f55 { font-size: 36px; }
.f60 { font-size: 40px; }
.f68 { font-size: 42px; }
.f75 { font-size: 52px; }
.f82 { font-size: 60px; }
.f100 { font-size: 80px; }
.f160 { font-size: 100px; }
.lihe24 { line-height: 24px; }
.lihe32 { line-height: 28px; }
.lihe38 { line-height: 32px; }
.lihe45 { line-height: 40px; }
.container { padding-left: 5%; padding-right: 5%; }
.main { width: 90%; }
/************/
.toper .top, .header .head { width: 1130px; }
.toper .top .top_r { height: 18px; margin-top: 8px; }
.toper .top .top_r img { height: 18px; }
.header .head .logo { margin-top: 14px; }
.header .head .logo img { height: 48px; }
.header .head .menu { width: 76%; }
/*制造能力*/
.zznl_bo #owl-demo, .hzhb_bo #owl-demo { width: 1130px; padding: 0 40px; }
.zznl_bo .item dd { padding: 16px 0; }
.gdxx a { width: 165px; height: 48px; line-height: 48px; }
/*企业风貌*/
.qyfm_l { padding: 2.8vw 0 0 0; }
.qyfm_bo { width: 70%; padding-top: 2.6vw; }
/*发展历程*/
.time-line-box ul li { width: 29.33%; margin-left: 4%; }
.time-line-box ul li dl { width: 170%; }
.time-line-box ul li dl dt, .time-line-box ul li dl dd { padding-left: 16px; }
.time-line-box ul li:nth-of-type(odd) dd { padding-bottom: 26px; }
.time-line-box ul li:nth-of-type(even) { padding-top: 26px; }
.product-list li figcaption { height: 45px; line-height: 45px; }
/*footer*/

}
@media screen and (max-width: 1250px) and (min-width:0) {
body { font-size: 12px; }
.pt10 { padding-top: 7px; }
.pt15 { padding-top: 10px; }
.pt20 { padding-top: 15px; }
.pt30 { padding-top: 20px; }
.pt40 { padding-top: 25px; }
.pt50 { padding-top: 30px; }
.pt60 { padding-top: 35px; }
.pt70 { padding-top: 40px; }
.pt80 { padding-top: 50px; }
.pt100 { padding-top: 70px; }
.pad20 { padding: 0 13px; }
.padt20 { padding: 13px 0; }
.padt30 { padding: 20px 0; }
.padt70 { padding: 40px 0; }
.mr15 { margin-right: 8px; }
.f14 { font-size: 12px; }
.f16 { font-size: 12px; }
.f18 { font-size: 14px; }
.f20 { font-size: 16px; }
.f22 { font-size: 18px; }
.f24 { font-size: 19px; }
.f26 { font-size: 20px; }
.f28 { font-size: 21px; }
.f30 { font-size: 22px; }
.f35 { font-size: 23px; }
.f36 { font-size: 24px; }
.f38 { font-size: 25px; }
.f40 { font-size: 26px; }
.f42 { font-size: 27px; }
.f45 { font-size: 28px; }
.f48 { font-size: 29px; }
.f50 { font-size: 30px; }
.f55 { font-size: 32px; }
.f60 { font-size: 34px; }
.f68 { font-size: 36px; }
.f75 { font-size: 40px; }
.f82 { font-size: 50px; }
.f100 { font-size: 70px; }
.f160 { font-size: 90px; }
.lihe24 { line-height: 22px; }
.lihe32 { line-height: 28px; }
.lihe38 { line-height: 28px; }
.lihe45 { line-height: 38px; }
/************/
.toper .top, .header .head { width: 96%; }
.toper .top .top_r { height: 16px; margin-top: 9px; }
.toper .top .top_r img { height: 16px; }
.header .head .logo { margin-top: 15px; }
.header .head .logo img { height: 46px; }
.header .head .menu { width: 74%; }
/*制造能力*/
.zznl_bo #owl-demo, .hzhb_bo #owl-demo { width: 1000px; padding: 0 10px; }
.zznl_bo .item dd { padding: 14px 0; }
.gdxx a { width: 160px; height: 45px; line-height: 45px; }
/*发展历程*/
.time-line-box ul li dl { width: 160%; }
.time-line-box ul li dl dt, .time-line-box ul li dl dd { padding-left: 15px; }
.time-line-box ul li:nth-of-type(odd) dd { padding-bottom: 24px; }
.time-line-box ul li:nth-of-type(even) { padding-top: 24px; }
.time-line-box .swiper-button-prev, .time-line-box .swiper-button-next { top: 51.5%; }
.product-list li figcaption { height: 35px; line-height: 35px; }
/*footer*/

}
.tra3 { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.tra5 { -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.tra7 { -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-i; }
.tra9 { -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-i; }
.tra11 { -webkit-transition: all 1.1s ease-in; -moz-transition: all 1.1s ease-in; -o-transition: all 1.1s ease-in; transition: all 1.1s ease-i; }
.linx { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -moz-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -o-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -ms-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; }
.liny { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -moz-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -o-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; -ms-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(1, 0.355, 0.41, 0.115) 0s infinite; }
.winona { display: block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.circular1 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 5.5s linear infinite; -webkit-animation: btnRotate 5.5s linear infinite; -moz-animation: btnRotate 5.5s linear infinite; -ms-animation: btnRotate 5.5s linear infinite; }
.circular2 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 7.5s linear infinite; -webkit-animation: btnRotate 7.5s linear infinite; -moz-animation: btnRotate 7.5s linear infinite; -ms-animation: btnRotate 7.5s linear infinite; }
.circular3 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 9.5s linear infinite; -webkit-animation: btnRotate 9.5s linear infinite; -moz-animation: btnRotate 9.5s linear infinite; -ms-animation: btnRotate 9.5s linear infinite; }
.warnb { -webkit-animation: warn 5s ease-out; -moz-animation: warn 5s ease-out; animation: warn 5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/*animate1*/
 @keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.9);
 opacity: 0.3;
}
 50% {
 transform: scale(1.2);
 opacity: 0.8;
}
 75% {
 transform: scale(0.9);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}
@-webkit-keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.9);
 opacity: 0.3;
}
 50% {
 transform: scale(1.2);
 opacity: 0.8;
}
 75% {
 transform: scale(0.9);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}



/*animate2*/
 @-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}

/*animate3*/
 @-moz-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@-o-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
/*animate4*/

 @-moz-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-o-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
 @keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.8);
 opacity: 0.3;
}
 50% {
 transform: scale(1.7);
 opacity: 0.8;
}
 75% {
 transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}
@-webkit-keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.8);
 opacity: 0.3;
}
 50% {
 transform: scale(1.7);
 opacity: 0.8;
}
 75% {
 transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}